<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div th:fragment="loginPage">
    <img class="mb-4" th:src="@{/img/bootstrap-solid.svg}" alt="" width="72" height="72">
    <h1 class="h3 mb-3 font-weight-normal" th:text="#{login.tip}">Please sign in</h1>
    <font color="red" th:text="${LoginMsg}"></font>
    <label class="sr-only" >[[#{login.name}]]</label>
    <input name="name" type="text"  class="form-control" th:placeholder="#{login.name}" required="required" autofocus="" >
    <label class="sr-only" >[[#{login.phone}]]</label>
    <input name="phone" type="text"  class="form-control" th:placeholder="#{login.phone}" required="required" autofocus="" >
    <label class="sr-only">[[#{login.password}]]</label>
    <input name="password" type="password" class="form-control" th:placeholder="#{login.password}" required="required" >
    <div class="checkbox mb-3">
        <label>
            <input type="checkbox" value="remember-me" th:text="#{login.remember}" >
        </label>
    </div>
        <button class="btn btn-lg btn-primary btn-block" type="submit" th:text="#{login.btn}"></button>
        <a th:href="@{/user/toRegister/1}" class="btn btn-lg btn-primary btn-block" th:text="#{login.regiestr.btn}"></a>
        <p class="mt-5 mb-3 text-muted">© 2021-2022</p>
        <a class="btn btn-sm" th:href="@{/user/toLogin(l='zh_CN')}">中文</a>
        <a class="btn btn-sm" th:href="@{/user/toLogin(l='en_US')}">English</a>
</div>

<div th:fragment="resgistPage">
    <img class="mb-4" th:src="@{/img/bootstrap-solid.svg}" alt="" width="72" height="72">
    <h1 class="h3 mb-3 font-weight-normal" th:text="#{login.register}">Please register in</h1>
    <font color="red" th:text="${registerMsg}"></font>
    <label class="sr-only" >[[#{login.name}]]</label>
    <input name="name" type="text"  class="form-control" th:placeholder="#{login.name}" required="" autofocus="" >
    <label class="sr-only" >[[#{login.phone}]]</label>
    <input name="phone" type="tel"  class="form-control" th:placeholder="#{login.phone}" required="" autofocus="" >
    <label class="sr-only">[[#{login.password}]]</label>
    <input name="password" type="password" class="form-control" th:placeholder="#{login.password}" required="" >
    <button class="btn btn-lg btn-primary btn-block" type="submit" th:text="#{login.regiestr.btn}"></button>
    <a th:href="@{/}" class="btn btn-lg btn-primary btn-block" th:text="#{login.to.tip}"></a>
    <p class="mt-5 mb-3 text-muted">© 2021-2022</p>
    <a class="btn btn-sm" th:href="@{/user/toRegister/1(l='zh_CN')}">中文</a>
    <a class="btn btn-sm" th:href="@{/user/toRegister/2(l='en_US')}">English</a>
</div>

<div th:fragment="updatePage">
    <img class="mb-4" th:src="@{/img/bootstrap-solid.svg}" alt="" width="72" height="72">
    <h1 class="h3 mb-3 font-weight-normal" th:text="#{login.register}">Please register in</h1>
    <font color="red" th:text="${registerMsg}"></font>
    <label class="sr-only" >[[#{login.name}]]</label>
    <input name="name" type="text"  class="form-control" th:placeholder="#{login.name}" required="" autofocus="" >
    <label class="sr-only" >[[#{login.phone}]]</label>
    <input name="phone" type="tel"  class="form-control" th:placeholder="#{login.phone}" required="" autofocus="" >
    <label class="sr-only">[[#{login.password}]]</label>
    <input name="password" type="password" class="form-control" th:placeholder="#{login.password}" required="" >
    <button class="btn btn-lg btn-primary btn-block" type="submit" th:text="#{login.regiestr.btn}"></button>
    <a th:href="@{/}" class="btn btn-lg btn-primary btn-block" th:text="#{login.to.tip}"></a>
    <p class="mt-5 mb-3 text-muted">© 2021-2022</p>
    <a class="btn btn-sm" th:href="@{/user/toRegister/1(l='zh_CN')}">中文</a>
    <a class="btn btn-sm" th:href="@{/user/toRegister/2(l='en_US')}">English</a>
</div>

<thread th:fragment="showStars">
    <tr>
        <th>明星ID</th>
        <th>明星名字</th>
        <th>明星头像</th>
        <th>明星生日</th>
        <th>明星职业</th>
        <th>明星代表作</th>
        <th>明星简介</th>
        <th>操作</th>
    </tr>
</thread>

<thread th:fragment="showStars2">
    <tr>
        <th>明星名字</th>
        <th>明星头像</th>
        <th>明星生日</th>
        <th>明星职业</th>
        <th>明星代表作</th>
        <th>明星简介</th>
        <th>操作</th>
    </tr>
</thread>
</body>
</html>